<template>
  <div>
    <!-- <dldl @zhuce="fun"></dldl>
    <zhuce></zhuce> -->

    <component :is="arr[value]" @zhuce="fun" ></component>

  </div>
</template>

<script>
import dldl from "./DengLu/DLdl.vue"
import zhuce from "./DengLu/zhuce.vue"
export default {
  data() {
    return {
      value: 0,
      arr:["dldl","zhuce"]
    }
  },
  components: {
    dldl,
    zhuce
  },
  methods: {
    fun(v) {
      console.log(v);
      this.value = v
      console.log(this.value);
    }
  }
  
}
</script>

<style>
  p{
    margin: 0;
  }
</style>